
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
	<meta name="format-detection" content="telephone=no">
	<title><empty name="siteinfo.shopname"> <#$info['wxname']#><else/> <#$siteinfo.shopname#></empty></title>
	<link rel="stylesheet" href="<#$Theme['P']['js']#>/jqm/jquery.mobile-1.3.2.min.css">
<link rel="stylesheet" href="<#$Theme['P']['root']#>/wap/css/hotel/s1.css">	
<link rel="shortcut icon" href="favicon.ico">
<script src="<#$Theme['P']['js']#>/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).bind("mobileinit", function(){
		$.mobile.ajaxEnabled = false;
    });
    </script>
	
<script src="<#$Theme['P']['js']#>/jqm/jquery.mobile-1.3.2.min.js"></script>
<script src="<#$Theme['P']['root']#>/wap/js/hotel/s1.js"></script>

	<style>
	body{max-width:640px;position: relative;margin:auto !important;}
	.headerh{height:45px;text-align:center;margin-bottom:2px;line-height:45px;} 
	.headerha{}
	body{background:#f0f0f0; }
	#cate12{background:#f2f2de}
	#cate11{background:#f0f0f0}
	.ff{background:#303030;color:#fff}
	.footer6{background:#303030;color:#fff}
	.footer11{background:#f0f0f0;}
	</style>

	
<script>
function goback(){
	if(window.history.length<=1){
		 window.location.href = '<#:U('Api/Wap/index',array('sid'=>$siteinfo['uid']))#>';
	}else{
	    window.history.back();
	}
}
 
</script>
</head>
<body > 
<div data-role="page"  id="cate12">
	 
  <div data-role="header" data-position="fixed">
   
	
		<a href="#" onclick="goback();" data-icon="back">返回</a>
		<h1></h1> 
		<a href="#right-panel" data-icon="gear" data-role="button"  data-inline="true" data-mini="true" data-shadow="false" class="ui-btn-right">菜单</a>
 	
  </div>
 
  <div data-role="panel" id="right-panel" data-display="overlay" data-position="right" data-theme="c">

        <ul data-role="listview" data-icon="false">
        	<li data-icon="delete"><a href="#" data-rel="close">关闭</a></li>
        	<li data-role="list-divider">菜单</li>
			<li><a href="javascript:void(0)" onclick="location.reload()" >刷新</a></li>
			<li><a href="<#:U('Api/Wap/index',array('sid'=>$siteinfo['uid']))#>" >首页</a></li>
            
		 			<volist name="classinfo" id="vo">
				<li><a href="<#:showclass_common($vo,$wechaid)#>">
				<#$vo.title#></a></li>
				</volist>		 
        </ul>

    </div><!-- /panel -->
<style>
body{}
.aa{
display: block;

margin: 8px 5px 8px 10px;

background-color: #fff;
border: 1px solid #d0d0d0;
border-top: 0;
border-bottom: #a8a8a8 1px solid;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 2px 1px #a8a8a8;
-webkit-box-shadow: 0 2px 2px 1px #a8a8a8;
}
.title{
padding:8px;
height: 25px;
border-bottom: 1px solid #dedede;
background: -webkit-gradient(linear,50% 0,50% 100%,from(#fafafa),to(#e7e7e7));
}
.content{
  padding:8px;
}
.content img{max-width:100%;}


ol{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	font: 15px 'trebuchet MS', 'lucida sans';
	padding: 0;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol ol{
	margin: 0 0 0 2em;
}			

.rectangle-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	*padding: .4em;
	margin: .5em 0 .5em 2.5em;
	background: #ddd;
	color: #444;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;	
}
.rectangle-list a:hover{
	background: #eee;
}	
.rectangle-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -2.5em;
	top: 50%;
	margin-top: -1em;
	background: #fa8072;
	height: 2em;
	width: 2em;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}
.rectangle-list a:after{
	position: absolute;	
	content: '';
	border: .5em solid transparent;
	left: -1em;
	top: 50%;
	margin-top: -.5em;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;				
}
.rectangle-list a:hover:after{
	left: -.5em;
	border-left-color: #fa8072;				
}
			

</style>

  <div class="aa">
    <div class="title"><#$data['title']#>  </div>
    <div class="content">
    
   <#$data['info']|htmlspecialchars_decode#>
	    </div>

  </div>

  
	  <div  style="clear:both;height:0;overflow:hidden;margin-top:35px;"></div>
  <div id="footer"  style="font-weight: normal;text-shadow: none;text-align: center;font-size:12px;height: 20px;line-height: 20px; position: absolute;  bottom: 0; width:100%;" class="ff footer12">
	  </div>
</div>

<div data-role="wb_easycall">
				
				
				
				</div>

</body>

</html>